.playlistItem {
  flex-basis: 250px; /* 图片的大小不随页面布局改变而改变 */
  display: flex;
  flex-direction: column;

  .imgContainer {
    position: relative;
    /* 遮罩 */
    &::after {
      transition: all 0.5s;
      content: '';
      position: absolute;
      z-index: -1;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      border-radius: 6%;
      background-color: rgba(0, 0, 0, 0.35);
    }
    /* 歌单图片 */
    .antImg {
      border-radius: 6%;
      transition: transform 0.5s;
    }
    /* 歌单播放次数 */
    .countContainer {
      position: absolute;
      bottom: 10px;
      right: 10px;
      padding: 5px 10px;
      border-radius: 15px;
      color: #eee;
      background-color: #000;
      .count {
        padding-left: 4px;
      }
    }
    /* 歌单播放图标 */
    .icon {
      position: absolute;
      z-index: -1;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      font-size: 60px;
      &:hover {
        cursor: pointer;
        color: var(--theme-color) !important;
      }
    }
    &:hover::after {
      transform: translateY(-10px);
      z-index: 1;
    }
    &:hover .antImg {
      transform: translateY(-10px);
    }
    &:hover .countContainer {
      display: none;
    }
    &:hover .icon {
      z-index: 9;
      color: #fff;
    }
  }
  /* 歌单标题 */
  .name {
    padding: 10px 0 20px;
    &:hover {
      cursor: pointer;
      color: var(--theme-color);
    }
  }
}